<template>
	<view class="everyWidth">
		<uni-nav-bar :fixed="true" :statusBar="true" leftIcon="back" :title="detail.noticeTitle" @clickLeft="$tab.back()" :border="false"
			backgroundColor="#FE6B39" color="#fff">
		</uni-nav-bar>
		<view class="px-20">
			<view class="mt-32">
				<view class="text-28 py-32">
					<mp-html :content="detail.noticeContent" />
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				detail: "",
			};
		},
		onLoad(e) {
			this.$Api.index.noticeDetail(e.id).then(res => {
				this.detail = res.data
			})
		},
	}
</script>

<style>
	span{
		text-wrap:wrap;
	}
</style>

<style lang="scss">
	.timeBox {
		width: 150px;
		height: 30px;
		background: rgba(0, 0, 0, 0.1);
		border-radius: 4px;
		margin: 16px auto;
		line-height: 30px;
	}

	.lindang {
		width: 24px;
		height: 24px;
		box-shadow: 2px 2px 8px 0px rgba(0, 20, 118, 0.26);
		border-radius: 50%;
		background: linear-gradient(155deg, #4162FF 12%, #0A31EE 86%);

		image {
			width: 80%;
			height: 80%;
		}
	}
</style>
